<template>
    <div class="keystore-container">
        <div class="header-title">
            导出Keystore
        </div>
        <div class="keystore-content">
            <div class="text-item">
                <div class="text-title">离线保存</div>
                <p>请复制Keystore文件到安全、离线的地方保存。切勿保存至邮箱、记事本、网盘、聊天工具等，非常危险</p>
            </div>
            <div class="text-item">
                <div class="text-title">请勿使用网路传输</div>
                <p>请勿通过网络工具传输Keystore文件，一旦被黑客获取造成不可挽回的资产损失。建议离线设备通过二维码方式传输。</p>
            </div>
            <div class="text-item">
                <div class="text-title">密码保险箱保存</div>
                <p>如需在线保存，则建议使用安全等级更高的Password等密码保管软件保存Keystore</p>
            </div>
            <div class="keystore-content-model">
                asdasdasdasdasddddddddddddddddddddddddddddddddddsqjladsjdlkjaioeqwioeuqwioueiqwueioqwuhdfhsdkfjhdskjfhkshdfddddqweeeeeeeeeeeeeeeeeeeeeeeeffffffffffffffffasdasdas
            </div>
            <el-button type="primary" class="btn-big btn-top-20" @click="open()">复制Keystore</el-button>
        </div>
    </div>
</template>
<script>
    export default {
        methods: {
            open() {
                const h = this.$createElement;
                this.$prompt('请输入钱包密码', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    inputPattern: /123456/,
                    inputErrorMessage: '密码不正确'
                }).then(({ value }) => {
                    this.$notify({
                        type: 'success',
                        message: '你的密码是: ' + value
                    });
                }).catch(() => {
                    this.$notify({
                        type: 'info',
                        message: '取消输入'
                    });
                });
            }
        }
    }
</script>
<style>
    .keystore-container{
        width: 600px;
        height: auto;
        margin: 0 auto;
    }
    .header-title{
        text-align: center;
        font-size: 15px;
        padding: 40px 0;
    }
    .keystore-content .text-item{
        font-size: 15px;
    }
    .keystore-content .text-item .text-title{
        color: #fe612a;
    }
    .keystore-content .text-item p{
        margin: 1em 0;
    }
    .keystore-content-model{
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        word-break: break-all;
        margin-top: 40px;
    }
    .btn-top-20{
        margin-top: 50px;
    }
</style>